<template>
  <div id="account">
    <div class="c_box">
      <div class="title">{{tip_txt}}</div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "account",
  data() {
    return {
      tip_txt:"数据大屏后台登录"
    };
  },
  methods: {

  },
  watch: {
    $route(){
      if(this.$route.path=='/account/register'){
        this.tip_txt = "数据大屏管理员注册"
      }else{
        this.tip_txt = "数据大屏后台登录"
      }
    }
  }


};
</script>



<style lang='scss' scoped>
@import "../_theme.scss";
#account {
  height: 100%;
  background-size: cover;
  background-image: url('../assets/bgi.jpg');
  > .c_box {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 400px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
    > .title {
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: $default_color;
      font-size: 22px;
      font-family: '楷体';
    }
  }
}
</style>
